<template>
  <a-select
    :value="selectedOption"
    :placeholder="placeholder"
    @change="onSelect"
    style="width: 100%"
  >
    <a-select-option v-for="option in options" :key="option.value" :value="option.value">
      {{ option.label }}
    </a-select-option>
  </a-select>
</template>

<script>
export default {
  name: 'Combobox',
  props: {
    label: {
      type: String,
      required: true,
    },
    onSelect: {
      type: Function,
      required: true,
    },
    options: {
      type: Array,
      required: true,
    },
    placeholder: {
      type: String,
      required: true,
    },
    selectedOption: {
      type: String,
      required: true,
    },
  },
};
</script>

<style scoped>
/* ... existing code ... */
</style>